{% extends "common/layout_main.html" %}
{% block content %}
{% include "common/tab_stat.html" %}
{#     <script src="http://cdn.highcharts.com.cn/highcharts/highcharts.js"></script>#}
<div class="row m-t">
{#    <div class="col-lg-12" id="container" style="height: 400px;" data-highcharts-chart="0">#}
{#            图标使用Highchart#}
{#    </div>#}
    <div class="col-lg-12 m-t">
        <form class="form-inline" id="search_form_wrap">
            <div class="row p-w-m">
                <div class="form-group">
                    <div class="input-group">
                        <input type="text" placeholder="请选择开始时间" name="date_from" class="form-control" value="{{ search_con['date_from'] }}">
                    </div>
                </div>
                <div class="form-group m-r m-l">
                    <label>至</label>
                </div>
                <div class="form-group">
                    <div class="input-group">
                        <input type="text" placeholder="请选择结束时间" name="date_to" class="form-control" value="{{ search_con['date_to'] }}">
                    </div>
                </div>
                <div class="form-group">
                    <a class="btn btn-w-m btn-outline btn-primary search">搜索</a>
                </div>
            </div>
            <hr>
        </form>
        <table class="table table-bordered m-t">
            <thead>
            <tr>
                <th>日期</th>
                <th>营收金额</th>
            </tr>
            </thead>
            <tbody>
            {% if list %}
                {% for item in list %}
            <tr>
                <td>{{ item.date }}</td>
                <td>{{ item.total_pay_money }}</td>
            </tr>
                {% endfor %}
            {% else %}
                <tr><td colspan="2">暂无数据~~</td></tr>
            {% endif %}
            </tbody>
        </table>
        <!--分页代码已被封装到统一模板文件中-->
        {% include 'common/pagenation.html' %}
    </div>
</div>
{#{% endblock %}#}
{#{% block css %}#}
{#<link href="{{ buildStaticUrl('/plugins/datetimepicker/jquery.datetimepicker.min.css') }}" rel="stylesheet">#}
{##}
{#{% endblock %}#}
{#{% block js %}#}
{#<script src="{{ buildStaticUrl('/plugins/highcharts/highcharts.js') }}"></script>#}
{#    <script src="{{ buildStaticUrl('/js/index/index.js') }}"></script>#}
{#<script src="{{ buildStaticUrl('/js/chart.js') }}"></script>#}
{#<script src="{{ buildStaticUrl('/plugins/datetimepicker/jquery.datetimepicker.full.min.js') }}"></script>#}
{#<script src="{{ buildStaticUrl('/js/stat/index.js') }}"></script>#}
{#{% endblock %}#}

% block css %}
<link href="{{ buildStaticUrl('/plugins/datetimepicker/jquery.datetimepicker.min.css') }}" rel="stylesheet">
{% endblock %}
{% block js %}
    <script src="{{ buildStaticUrl('/plugins/highcharts/highcharts.js') }}"></script>
    <script src="{{ buildStaticUrl('/js/chart.js') }}"></script>
<script src="{{ buildStaticUrl('/plugins/datetimepicker/jquery.datetimepicker.full.min.js') }}"></script>
<script src="{{ buildStaticUrl('/js/stat/index.js') }}"></script>
{% endblock %}